import React from 'react'
import { Routes, Route } from 'react-router-dom'

import Admin from '@/views/Admin'
import User from '@/views/User'
import Food from '@/views/Food'

const App = () => {
  return (
    <>
      <Routes>
        {/* 
          嵌套路由 ==> 注：一定要在父组件中使用Outlet占位
            子路由中的path要么你写带父路径的全地址，要么就写一个相对地址，最前不要有/ /user错的=> user对的
         */}
        <Route path="/admin" element={<Admin />}>
          {/* <Route path="/admin/user" element={<User />} />
          <Route path="/admin/food" element={<Food />} /> */}
          {/* 默认页 => /admin地址时，它在子路由没有匹配的时候，默认显示它 */}
          <Route index element={<User />} />
          <Route path="user" element={<User />} />
          <Route path="food" element={<Food />} />
          {/* 404页面配置 */}
          <Route path="*" element={<Food />} />
        </Route>
      </Routes>
    </>
  )
}

export default App
